<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/download/font_mm32tcpdze/iconfont.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <title>首页</title>
    <script>
        window.onload = window.onresize = function(){		 
            var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
            //找到标签名为html的第一个
            var _html = document.getElementsByTagName('html')[0];
            //如果屏幕宽度大于640 
            //就用 640/16=40
            //小于640的时候 不确定 也是尺寸/40
            view_width>640?_html.style.fontSize = 640 / 16 + 'px':_html.style.fontSize = view_width / 16 + 'px';
            //最大网页尺寸640 
            //最大字体（根字体大小） 40
        }
    </script>
</head>
<body>
<header>
    <div class="top">
        <p>响亮</p>
    </div>
</header> 
<div class="content gWidth">
    <h4>精选</h4>
    <ul>
        <li>
            <a href="###">
                <img src="img/tu1.png" alt="">
            </a>
            <div class="text">
                <p class="p1"><a href="index1.1.html">卡尔适大理石茶几电视柜组合小户型实木</a></p>
                <div class="text2 clearfix"> 
                    <p class="p2 fl"><a href="###">30%佣金</a><span>|</span><a href="###">52人已报名</a></p>
                    <p class="p3 fr">制作费:<em>￥50-￥100</em></p>
                </div>
            </div>
        </li>
        <li>
            <a href="###">
                <img src="img/tu2.png" alt="">
            </a>
            <div class="text">
                <p class="p1"><a href="index1.1.html">1.8米1.5双人婚床日式布艺软包现代简洁</a></p>
                <div class="text2 clearfix"> 
                    <p class="p2 fl"><a href="###">30%佣金</a><span>|</span><a href="###">52人已报名</a></p>
                    <p class="p3 fr">制作费:<em>￥30-￥50</em></p>
                </div>
            </div>
        </li>
        <li>
            <a href="###">
                <img src="img/tu3.png" alt="">
            </a>
            <div class="text">
                <p class="p1"><a href="index1.1.html">森马男鞋椰子700v2老爹鞋男新款秋季韩版潮流百搭休闲运动鞋</a></p>
                <div class="text2 clearfix"> 
                    <p class="p2 fl"><a href="###">30%佣金</a><span>|</span><a href="###">52人已报名</a></p>
                    <p class="p3 fr">制作费:<em>￥50-￥100</em></p>
                </div>
            </div>
        </li>
        <li>
            <a href="###">
                <img src="img/tu4.png" alt="">
            </a>
            <div class="text">
                <p class="p1"><a href="index1.1.html">加厚棉麻布艺桌布中式美式复古文艺宜家风格纯色素色书桌茶几定制</a></p>
                <div class="text2 clearfix"> 
                    <p class="p2 fl"><a href="###">30%佣金</a><span>|</span><a href="###">52人已报名</a></p>
                    <p class="p3 fr">制作费:<em>￥20-￥50</em></p>
                </div>
            </div>
        </li>
        <li>
            <a href="###">
                <img src="img/tu5.png" alt="">
            </a>
            <div class="text">
                <p class="p1"><a href="index1.1.html">简约生活大束款天然兔尾草干花花束田园真花风干花束永生花花艺</a></p>
                <div class="text2 clearfix"> 
                    <p class="p2 fl"><a href="###">30%佣金</a><span>|</span><a href="###">52人已报名</a></p>
                    <p class="p3 fr">制作费:<em>￥50-￥80</em></p>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="jz">
    <span class="iconfont icon-icon1"></span>
</div>
<footer>
   <ul>
       <li>
            <a href="index.html" class="active">
                <p class="iconfont icon-shouye p1"></p>
                <p class="p2">首页</p>
            </a>
       </li>
       <li>
           <a href="invite1.html">
                <p class="iconfont icon-yanzhengma p1"></p>
                <p class="p2">邀请码</p>
           </a>
       </li>
       <li>
            <a href="main.html">
                <p class="iconfont icon-wodedangxuan p1"></p>
                <p class="p2">我的</p>
            </a>
       </li>
   </ul> 
</footer>
</body>
</html>